﻿@{
    Page.Title = "雅好网-首页";
    Layout = "_Layout.cshtml";
}
@using YaHall.Server;
@{
    int tempInt=0;
    var nopic = "http://info.yahall.com/wp-content/uploads/2011/08/nopic.gif";
    
    //--艺界资讯
    var yijiezixun = Facade.GetInfoList(101,5);
    //--雅好动态
    var yahaodongtai = Facade.GetInfoList(102,4);
    //--滚动文字
    var gundongxinwen = Facade.GetInfoList(103);
    //--主flash
    var mainFlash = Facade.GetPicInfoList(100,3);
    //--新闻下方小广告
    var miniAds = Facade.GetPicInfoList(104,1);
    
    //----商城----
    //--分类
    var goodsCat = Facade.GetGoodsCategory(0);

    //var mainGoods = Facade.GetGoodsList(0, 10, YaHall.Model.property.none);
    //var actGoods = Facade.GetActGoodsList(0, 10);
    //var hotGoos = Facade.GetGoodsList(0, 10, YaHall.Model.property.is_best);
    
    //----拍卖----
    //--拍品分类
    var actCat = Facade.GetGoodsCategory(85);
    //--拍品推荐
    var actBest = Facade.GetActGoodsListByLv("拍品推荐", 5);
    //--热点拍品
    var actHot = Facade.GetActGoodsListByLv("热点拍品", 5);
    //--无底价
    var actZero = Facade.GetActGoodsListByLv("无底价拍品", 5);
    //--名家名作
    var actClassical = Facade.GetActGoodsListByLv("限量名家名作", 5);
    
    //----艺术家频道----
    //--本期推荐
    var artist = Facade.GetPicInfoList(112,1).FirstOrDefault();
    var artistId = Facade.GetArtistId((decimal)artist.ID);
    //--名家动态
    var artist_act = Facade.GetArtistInfoList((int)artistId, 108);
    //--作品
    var artist_obj = Facade.GetArtistInfoList((int)artistId, 107, 3, true);
    //--最新加盟
    var artistList_new = Facade.GetPicInfoList(106,10);
    ////热力画馆
    //var labList = Facade.GetPicInfoList(80);
    //#endregion
    //----活动----
    //--推荐活动
    var showList = Facade.GetPicInfoList(110,3);
    ////展览推荐
    var showList_new = Facade.GetPicInfoList(111,3);
    ////--------拍卖
    ////拍卖风云
    //var auctionIndex = Facade.GetPicInfoList(75).FirstOrDefault();
    ////拍卖纵览
    //var auctionList = Facade.GetPicInfoList(76);

 }
@section head {
<link href="Css/default.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="Shortcut Icon" href="favicon.ico" />
<link rel="Bookmark" href="favicon.ico" />
<script language="javascript" src="Js/Forlight.js"></script>
<script language="javascript" src="Js/MSClass.js"></script>
<script src="js/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="js/allsort.js" type="text/javascript"></script>
<noscript><iframe src="*.html"></iframe></noscript>
}
<div class="banner-layout cl over">
	<div class="banner fl over">
    	<script>
    	    FR.Carousel.start({
    	        mode: 2,
    	        bgColor: 'transparent',
    	        width: 729,
    	        height: 345,
    	        steps: 1,
    	        period: 25
    	    });
		</script>
        <div class="car-box">
        	<div id="carousel">
                <div id="carouselimg">
                    <div id="imgcontainer">
                    @foreach (var item in mainFlash)
                    {
                      <a href="@Facade.AnalysisUrl(item)" target="_blank">
                        <img src="http://info.yahall.com/wp-content/uploads/@item.image" width="729" height="383">
                      </a>  
                    }
                    </div>
                </div>
                <div id="carouseltitle">
                    <ul>
                    @foreach (var item in mainFlash)
                    {
                         <li><a href="@Facade.AnalysisUrl(item)">@Facade.GetTitle(item)</a></li>
                    }
                    </ul>
                </div>
            </div>
        </div>
        <div class="annou-box cl">
        	<div class="m-icon fl"></div>
            <div class="list-top fr">
                <div id="hottitle" class="annou">
                    <ul id="ulid">
                    @foreach (var item in gundongxinwen)
                    {
                        <li><a href="javascript:void(0)">@Facade.GetTitle(item)</a></li>
                    }
                    </ul>
                </div>
                <script language="javascript">
                    new Marquee(["hottitle", "ulid"], 2, 2, 696, 26, 20, 0, 0);
				</script>
            </div>
        </div>
    </div>
    <div class="new fr over">
    	<!--艺界咨讯开始-->
        <div class="art-oration">
        	<div class="art-otn-tit cl">
            	<div class="arttit fl">雅好公告</div>
                <div class="artmore fr"><a href="#" target="_blank" title="更多" class="more"></a></div>
            </div>
            <div class="artitem mar">
            	<ul>
                @foreach (var item in yijiezixun)
                {
                    <li><a href="Single.cshtml?id=@item.ID&cat=@(HttpUtility.UrlEncode("雅好公告"))" target="_blank">@Facade.GetTitle(item)</a></li>
                }
                </ul>
            </div>
        </div>
        <!--艺界咨讯结束-->
        <div class="line4px"></div>
        <!--雅好动态开始-->
        <div class="art-oration">
        	<div class="art-otn-tit cl">
            	<div class="arttit fl">雅好动态</div>
                <div class="artmore fr"><a href="#" target="_blank" title="更多" class="more"></a></div>
            </div>
            <div class="artitem mar">
            	<ul>
                @foreach (var item in yahaodongtai)
                {
                    <li><a href="#" target="_blank">@Facade.GetTitle(item)</a></li>
                }
                </ul>
            </div>
        </div>
        <!--雅好动态结束-->
        <div class="line4px"></div>
        <div class="ad256X89">
            <img src="http://info.yahall.com/wp-content/uploads/@miniAds.FirstOrDefault().image" width="256" height="89" />
        </div>
	</div>
</div>
<!--Banner结束 商城 开始-->
<div class="yahallshop">
	<div class="yahallshop-tit cl">
    	<div class="yhtit fl">雅好商城</div>
        <div class="yhmore fr">热销排行　到货知通　低价倾销</div>
    </div>
    <div class="yahallshop-item cl over">
    	<div class="shop-item-fl fl">
        	<div class="boxs">
            	<div class="sorttit">商品分类</div>
                <div class="sortmc">
                	<div class="boxsort">
                        <div class="allsort">
                            <!---->
                            @{string cat_url = "http://shop.yahall.com/category.php?id=";}
                            @foreach (var item in goodsCat)
                            {
                            <div class="item">
                                <span><h3><a href="@(cat_url + item.cat_id)">@item.cat_name</a></h3></span>
                                <div class="i-mc">
                                    <div class="subitem">
                                    	<!--内容开始-->
                                        <div class="itembody cl">
                                        	<div class="i-body-f fl">
                                            	<div class="sortitem">
                                                	<ul>
                                                    @{
                                var childrenCat = Facade.GetGoodsCategory(item.cat_id);
                                foreach (var child in childrenCat)
                                {
                                                            <li><a href="@(cat_url + child.cat_id)">@child.cat_name</a></li>
                                }
                                                        
                                                     }
                                                    </ul>
                                                </div>
                                                <div class="sortiempic"><img src="pic/pic003.gif" /></div>
                                            </div>
                                            <div class="i-body-r fr">
                                            	<div class="hotRe-tit">热点推荐</div>
                                                <div class="hotRe-mc"><img src="pic/pic004.gif" /></div>
                                                <div class="hotRe-mc"><img src="pic/pic004.gif" /></div>
                                            </div>
                                        </div>
                                        <!--内容结束-->
                                    </div>
                            	</div>
                       		</div>
                            }
                    	</div>
                        <script type="text/javascript">
                            $(".allsort").hoverForIE6({ current: "allsorthover", delay: 200 });
                            $(".allsort .item").hoverForIE6({ delay: 150 });
						</script>
                        <div class="rpro"><img src="pic/001.jpg" /></div>
                    </div>
                </div>
         	</div>
      	</div>
        <div class="shop-item-fr fr">
        	<div class="proitem over"><img src="pic/pro.jpg" /></div>
        </div>
    </div>
</div>
<!--商城 结束 拍卖开始-->
<div class="auction mar over">
	<div class="auc-tit mar over">在线拍卖</div>
    <div class="auc-i-tit mar over">
  		<div class="y-m cl over">
        	<div class="y-m-f tc fl">2011年</div>
            <div class="y-m-r fr">
            	<div class="ymli">
                	<ul>
                    	<li><a href="#">1月</a></li>
                        <li><a href="#">2月</a></li>
                        <li><a href="#">3月</a></li>
                        <li><a href="#">4月</a></li>
                        <li><a href="#">5月</a></li>
                        <li><a href="#">6月</a></li>
                        <li><a href="#">7月</a></li>
                        <li><a href="#">8月</a></li>
                        <li><a href="#" class="at">9月</a></li>
                        <li>10月</li>
                        <li>11月</li>
                        <li>12月</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
  	<div class="a-special mar over cl">
        <div class="sp-fl fl">
        	<div class="sp-tit cl">
            	<div class="stit fl">分类专场</div>
                <div class="smore fr"><a href="#" class="mat"></a></div>
            </div>
            <div class="sp-item cl">
            	<!--专场内容开始-->
                <div id="slide-box">
                	<div class="slide-content">
                        <div class="wrap" id="J_slide">
                            <ul class="ks-switchable-content" id="slide_content">
                            @foreach (var item in actCat)
                            {
                                var liGoods=Facade.GetGoodsList(item.cat_id, 1, YaHall.Model.property.is_best).FirstOrDefault();
                                if (liGoods == null) { continue; }     
                                 <li>
                                	<div class="itemcon">
                                    	<div class="spname cl over">
                                        	<div class="fl sppic over"><img src="pic/zc0@(tempInt++).gif" /></div>
                                            <div class="fl sptest over">@item.cat_name</div>
                                        </div>
                                        <div class="sp-item-say">

                                        	<div class="pic-100 over"><img src="http://shop.yahall.com/@liGoods.img" width="115" height="115" /></div>
                                            <div class="pic-name">@liGoods.name</div>
                                        </div>
                                    </div>
                                </li>
                                
                            }
                            </ul>
                        </div>
                        <div class="ks-switchable-triggers">
                        	<a class=prev id=J_prev href="javascript:void(0);"><b class="corner"></b><span>&#8249;</span><b class="corner"></b></a>
                            <a class=next id=J_next href="javascript:void(0);"><b class="corner"></b><span>&#8250;</span><b class="corner"></b></a>
                        </div>
                    </div>
                </div>
                <script>
                    new Marquee(
				{
				    MSClass: ["J_slide", "slide_content"],
				    PrevBtnID: "J_prev",
				    NextBtnID: "J_next",
				    Direction: 2,
				    Step: 0.2,
				    Width: 462,
				    Height: 246,
				    Timer: 20,
				    DelayTime: 3000,
				    WaitTime: 1000,
				    ScrollStep: 0,
				    SwitchType: 0,
				    AutoStart: true
				});
				</script>
                <!--专场内容结束-->
            </div>
        </div>
        <div class="sp-fr fr">
        	<div class="sp-tit cl">
            	<div class="stit fl">最新拍品</div>
                <div class="smore fr"><a href="#" class="mat"></a></div>
            </div>
            <div class="sortspec">
            	<div class="specialbox cl over">
                    <div class="specialtab fl">
                        <ul id="specialtabID">
                        @for (int i = 0; i < 4; i++)
                        {
                            <li class="active">
                            	<div class="speci-item cl">
                                	<div class="speci-item-f fl"><img src="pic/zc0@(i + 1).gif" /></div>
                                    <div class="speci-item-r fr">
                                    	<div>@actCat[i].cat_name</div>
                                        <div class="speci-item-info">kdfc举拍，已有8人举牌</div>
                                    </div>
                                </div>
                            </li>
                        }
                        </ul>
                    </div>
                    <div id="specialtabbox" class="specialtabbox fr">
                        <ul id="specialtabboxID">
                        @for (int i = 0; i < 4; i++)
                        {
                            var item = Facade.GetGoodsList(actCat[i].cat_id, 4, YaHall.Model.property.none).FirstOrDefault();
                            if (item == null)
                            { continue; }
                            <li>
                            	<div class="itemBox">
                                	<div class="itemBox-pic"><img src="http://shop.yahall.com/@item.img" /></div>
                                    <div class="itemBox-tit"><div>起拍价  <span class="red">@item.price</span></div></div>
                                </div>
                            </li>
                        }
                        </ul>
                    </div>
              </div>
              <script type="text/javascript">
                  new Marquee(
				{
				    MSClass: ["specialtabbox", "specialtabboxID", "specialtabID", "onclick"],
				    Direction: 0,
				    Step: 0.2,
				    Width: 226,
				    Height: 240,
				    Timer: 20,
				    DelayTime: 6000,
				    WaitTime: 0,
				    ScrollStep: 0,
				    SwitchType: 2,
				    AutoStart: true
				});
				</script>
          </div>
              
        </div>
	</div>
    <div style="width:989px; margin:0 auto; background:#FFF; height:16px;"></div>
    <div class="auction-pro mar over">
    	<div class="auc-pro-item mar over" id="item-main">
        	<ul id="icontent">
                <li>
                    <div class="itempro">
                    @foreach (var item in actBest)
                    {
                        <div class="p-item">
                        	<div class="p-item-pic over"><img src="http://shop.yahall.com/@item.img" width="181" height="179" /></div>
                            <div class="p-item-name">@item.name</div>
                            <div class="p-item-sm">@item.brand_name</div>
                            <div class="p-item-price">起拍价 <span class="red">@item.price 元</span></div>
                        </div>
                    }
                    </div>
                </li>
                <li>
                    <div class="itempro">
                    @foreach (var item in actHot)
                    {
                        <div class="p-item">
                        	<div class="p-item-pic over"><img src="http://shop.yahall.com/@item.img" width="181" height="179" /></div>
                            <div class="p-item-name">@item.name</div>
                            <div class="p-item-sm">@item.brand_name</div>
                            <div class="p-item-price">起拍价 <span class="red">@item.price 元</span></div>
                        </div>
                    }
                    </div>
                </li>
                <li>
                    <div class="itempro">
                    @foreach (var item in actZero)
                    {
                        <div class="p-item">
                        	<div class="p-item-pic over"><img src="http://shop.yahall.com/@item.img" width="181" height="179" /></div>
                            <div class="p-item-name">@item.name</div>
                            <div class="p-item-sm">@item.brand_name</div>
                            <div class="p-item-price">起拍价 <span class="red">@item.price 元</span></div>
                        </div>
                    }
                    </div>
                </li>
                <li>
                	<div class="itempro">
                    @foreach (var item in actClassical)
                    {
                        <div class="p-item">
                        	<div class="p-item-pic over"><img src="http://shop.yahall.com/@item.img" width="181" height="179" /></div>
                            <div class="p-item-name">@item.name</div>
                            <div class="p-item-sm">@item.brand_name</div>
                            <div class="p-item-price">起拍价 <span class="red">@item.price 元</span></div>
                        </div>
                    }
                    </div>
                </li>
            </ul>
        </div>
        <div class="auc-pro-tab over mar">
        	<ul id="myTab_btns">
                <li>拍品推荐</li>
                <li>热点拍品</li>
                <li>无底价拍品</li>
                <li>限量名家名作</li>
            </ul>
        </div>
        <script type="text/javascript">
            new Marquee(
		{
		    MSClassID: "item-main",
		    ContentID: "icontent",
		    TabID: "myTab_btns",
		    Direction: 2,
		    Step: 0.1,
		    Width: 985,
		    Height: 281,
		    Timer: 20,
		    DelayTime: 8000,
		    WaitTime: 0,
		    ScrollStep: 890,
		    SwitchType: 0,
		    AutoStart: 1
		})
		</script>
    </div>
</div>
<!--拍卖结束 -->
<div class="ad1003X96 over"><img src="pic/banner02.gif" width="1003" height="96" /></div>
<!--artist 开始-->
<div class="artists">
	<div class="arttit">艺术家</div>
    <div class="artbox cl over">
    	<div class="artboxf fl">
        	<div class="artabout tc">名家介绍</div>
            <div class="artintro over">　　陈钧德教授的风景油画在中国画坛已有十数年的影响，其抒情风景画是迄今为止中国画坛上最纯粹的艺术创作之一，显示出无与伦比的艺术家直觉和油画语言上的炉火纯青。
<br /><br />
　　“具象有终，意象无涯。浩瀚大千，豁然贯之”——陈钧德将山水景物的具象熔铸后，用饱含情绪的新的色彩秩序在画布上重新组合出一个新的意象，色彩清新滋润，精致、准确、无懈可击的色块组合中处处洋溢着中国画书写式绘画的随意和潇洒。陈钧德成功地从林风眠、刘海粟、颜文梁、关良等...

            	<span class="artintromoer">[<a href="#">详情进入</a>]</span>
            </div>
            <div class="gall-3d">
            	<div class="gall-3d-tit cl over">
                    <div class="gall-tit fl tc">最新加盟</div>
                    <div class="gall-more fr"><a href="#" class="gall-m" title="更多"></a></div>
                </div>
                <div id="gallitemBox" class="gallitemBox">
                	<ul id="gallitemBoxID">
                        @foreach (var item in artistList_new)
                        {
                        <li><a href="javascript:void(0)"><img src="http://info.yahall.com/wp-content/uploads/@item.image" width="90" height="116" /></a><span><a href="javascript:void(0)">@item.post_title</a></span></li>
                        }
                    </ul>
                </div>
                <script type="text/javascript">
                    new Marquee(
				{
				    MSClass: ["gallitemBox", "gallitemBoxID"],
				    Direction: 2,
				    Step: 0.3,
				    Width: 306,
				    Height: 156,
				    Timer: 20,
				    DelayTime: 3000,
				    WaitTime: 0,
				    ScrollStep: 102,
				    SwitchType: 0,
				    AutoStart: true
				});
				</script>
            </div>
        </div>
        <div class="artboxc fl over"><img src="pic/pic010.gif" height="466" /></div>
        <div class="artboxr fr">
        	<ul>
            	<li><img src="pic/pic011.gif" width="228" height="230" /></li>
                <li><img src="pic/pic012.gif" width="228" height="230" /></li>
            </ul>
        </div>
    </div>
</div>
<!--artist 结束-->
<div class="mar over" style="width:1003px; height:4px; background:#7F7F7F; font-size:0px; margin-top:12px; border-bottom:1px solid #5B5B5B;"></div>
<!--线下活动 开始-->
<div class="activity">
	<div class="act-tit-item cl">
    	<div class="act-tit-item-tit fl tc">线下活动</div>
        <div class="act-tit-item-sub fr">
        	<ul>
            	<li>艺术展览</li>
                <li>专场拍卖</li>
                <li>鉴宝大会</li>
                <li>沙龙笔会</li>
                <li>其他活动</li>
            </ul>
        </div>
    </div>
    <div class="act-item over">
    	<div class="item-activity cl over">
        	<div class="item-act-f fl">
            	<div class="slideitem over">
                	<div id="slideBox">
                        <ul id="slideID">
                        @foreach (var item in showList)
                        {
                            <li><a href="javascript:void(0)"><img src="http://info.yahall.com/wp-content/uploads/@item.image" width="456" height="338" /></a></li>
                        }
                        </ul>
                    </div>
                    <ul id="slideTabID">
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                </div>
                <script type="text/javascript">
                    new Marquee(
				{
				    MSClassID: "slideBox",
				    ContentID: "slideID",
				    TabID: "slideTabID",
				    Direction: 4,
				    Step: 0.3,
				    Width: 456,
				    Height: 338,
				    Timer: 20,
				    DelayTime: 5000,
				    WaitTime: 0,
				    ScrollStep: 456,
				    SwitchType: 2,
				    AutoStart: 1
				})
				</script>
            </div>
            <div class="item-act-c fl">
            	<div class="actitem-list mar">
                	<ul>
                        @foreach (var item in showList_new)
                        {
                        <li>
                        	<div class="act-i-list cl">
                            	<div class="act-i-list-l fl"><img src="http://info.yahall.com/wp-content/uploads/@item.image" width="105" height="103" /></div>
                                <div class="act-i-list-r fr">
                                	<div class="l-title"><a href="Single.cshtml?id=@item.ID&cat=@(HttpUtility.UrlEncode("线下活动"))" target="_blank">@item.post_title</a></div>
                                    <div class="l-intro over">
                                    @{var act_content = new HtmlString(HttpUtility.HtmlDecode(Facade.GetTitle(item.post_content, 60)));}
                                         @act_content
                                        <span class="infomoer">[<a href="Single.cshtml?id=@item.ID&cat=@(HttpUtility.UrlEncode("线下活动"))" target="_blank">详情进入</a>]</span>
                                    </div>
                                </div>
                            </div>
                        </li>                            
                        }
                    </ul>
                </div>
            </div>
            <div class="item-act-r fr">
            	<!--两个广告开始-->
                <div class="twopicitem over">
                	<div id="tBox">
                        <ul id="tID">
                            <li><a href="javascript:void(0)"><img src="pic/skqsf.gif" width="186" height="338" /></a></li>
                            <li><a href="javascript:void(0)"><img src="pic/pxjhn.gif" width="186" height="338" /></a></li>
                        </ul>
                    </div>
                    <ul id="tTabID">
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <script type="text/javascript">
                    new Marquee(
				{
				    MSClassID: "tBox",
				    ContentID: "tID",
				    TabID: "tTabID",
				    Direction: 4,
				    Step: 0.3,
				    Width: 186,
				    Height: 338,
				    Timer: 20,
				    DelayTime: 4000,
				    WaitTime: 0,
				    ScrollStep: 186,
				    SwitchType: 2,
				    AutoStart: 1
				})
				</script>
                <!--两个广告结束-->
            </div>
        </div>
        <div class="tbtj-tit">
        	<div class="tbtjtit-item cl over">
            	<div class="tbtjtit-item-f fl">
                	<b>特别推荐</b>
                    <span>免费发布展览信息、画展信息</span>
                </div>
                <div class="tbtjtit-item-r fr"><a href="#" class="a" title="更多"></a></div>
            </div>
        </div>
        <div class="tbtj-item mar over">
        	<div class="tj-item over">
            	<ul>
                	<li><img src="pic/tbtj01.gif" width="98" height="116" class="img2px" /><div class="name">上海艺博会</div><span>世贸商城</span></li>
                    <li><img src="pic/tbtj02.gif" width="98" height="116" class="img2px" /><div class="name">上海设计展</div><span>上海世博中心</span></li>
                    <li><img src="pic/tbtj03.gif" width="98" height="116" class="img2px" /><div class="name">长春世界雕塑呢</div><span>长春世界公园</span></li>
                    <li><img src="pic/tbtj04.gif" width="98" height="116" class="img2px" /><div class="name">山东陶瓷艺术博览会</div><span>济南园博园</span></li>
                    <li><img src="pic/tbtj05.gif" width="98" height="116" class="img2px" /><div class="name">人体艺术展</div><span>多伦多</span></li>
                    <li><img src="pic/tbtj06.gif" width="98" height="116" class="img2px" /><div class="name">CAFAM泛主题展</div><span>中央美院美术馆</span></li>
                    <li><img src="pic/tbtj07.gif" width="98" height="116" class="img2px" /><div class="name">现当代艺术精品展</div><span>经典北京博览会</span></li>
                    <li><img src="pic/tbtj08.gif" width="98" height="116" class="img2px" /><div class="name">法国里昂双年展</div><span>法国里昂展览区</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="serve-tag">
    	<div class="serve-tag-tit">
        	<div class="tagtit">服务标签</div>
        </div>
        <div class="serve-tag-item over">
        	<div class="setag-item">
            	<ul>
                	<li><img src="pic/fw01.gif" /><div>精品复制</div></li>
                    <li><img src="pic/fw02.gif" /><div>居室挂画</div></li>
                    <li><img src="pic/fw03.gif" /><div>个性收藏</div></li>
                    <li><img src="pic/fw04.gif" /><div>艺术投资</div></li>
                    <li><img src="pic/fw05.gif" /><div>红色海报</div></li>
                    <li><img src="pic/fw06.gif" /><div>册页画刊</div></li>
                    <li><img src="pic/fw07.gif" /><div>雕刻修补</div></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--线下活动 结束-->
<div></div>
